<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>综合查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../css/mui.poppicker.css"/>
		<link rel="stylesheet" href="../../../css/mui.picker.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />	
		<link rel="stylesheet" href="../static/components/components.css" />	
		<link rel="stylesheet" href="../static/css/terminalwork.css" />	
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/mui.poppicker.js"></script>
		<script src="../../../js/mui.picker.min.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../static/js/Config.js"></script>
		<script src="../static/components/personSelect.js"></script>
		<script src="../static/components/multipleSelect.js"></script>
		<style>
			.defect-info-list{
				border-bottom:1px solid #ddd;
				margin:0 5vw 8px
			}
			.defect-info-list:last-child{
				border-bottom:none;
				margin:0 5vw
			}
		</style>
	</head>
	<body>
		<div id="terminalwork">
			
			<div class="top" >
				<div class="search-model" style="width: 75%;">
					<div class="mui-input-row mui-search">
						<input type="search" class="mui-input-clear" 
						style="background-color: #fff;" placeholder="请输入关键字查询"
						 v-model="terminalKeyword" maxlength="45" @input="terminalKeywordChange()">
					</div>
				</div>
				<a href="#popover" id="openPopover" style="margin-left: 3vw;  width: 20%; height: 8vw; line-height: 1vw; font-size: 3vw;" v-on:click="getWorkTypeList" class="mui-btn mui-btn-primary mui-btn-block" >业务列表</a>
			
			
<!-- 			<div id="popover" class="mui-popover">
				
			  <ul class="mui-table-view" >
			    <li class="mui-table-view-cell" v-for="(item,i) in typeList" >{{item.typeTxt}}</li>
			  </ul>
			
			</div> -->
			</div>
			<div class="nodata-tips" v-if="terminalworkList.length == 0" v-on:click="showPiker">暂无数据！</div>
			<div id="terminalworkList">
				<div class="list" id="list" v-if="isShowList">
					<div v-for="(item,index) in terminalworkList" :key="index" class="terminalwork-list-item">
						<div class="terminalwork-list-title">工作类型：{{workTypeTxt}}</div>
						<div class="terminalwork-list-sec" v-if="item.dirllTypeNum">
							<div v-if="item.begTime">开始时间：{{item.begTime}}</div>
							<div v-if="item.endTime">结束时间：{{item.endTime}}</div>
							<div v-if="item.hostStaffName">制定人：{{'['+item.hostStaffCode+']'}}{{item.hostStaffName}}</div>
							<div v-if="item.activityContent" style="display: flex;">
								 <!-- 00:安全活动 01:培训记录 10:应急演练 11:反事故演习 12:事故预想 -->
								<span v-if="item.dirllTypeNum == 00 || item.dirllTypeNum == 01">主题、内容：</span>
								<span v-else>主题：</span>
								<div style="width: 60vw;display: inline-block;white-space: nowrap;overflow: hidden ;text-overflow: ellipsis;">{{item.activityContent}}</div>
							</div>
						</div>
						<div class="terminalwork-list-sec" v-else>
							<div v-if="item.testStaffName">发起人：{{'['+item.testStaffCode+']'}}{{item.testStaffName}}</div>
							<div v-if="item.endTime">结束时间：{{item.endTime}}</div>
						
							<div v-if="item.offGoingStaffName">交班人：{{'['+item.onComingStaffCode+']'}}{{item.offGoingStaffName}}</div>
							<div v-if="item.offGoingTime">交班时间：{{item.offGoingTime}}</div>
						
							<div v-if="item.switchStaffCode">试验切换人：{{'['+item.switchStaffCode+']'}}{{item.switchStaffName}}</div>
							<div v-if="item.switchDate">试验日期：{{item.switchDate}}</div>
							
							<div v-if="item.checkStaffName">试验切换人：{{'['+item.checkStaffCode+']'}}{{item.checkStaffName}}</div>
							<div v-if="item.checkDate">试验日期：{{item.checkDate}}</div>
							<!-- <div v-if="item.checkStaffCode">检查日期：{{item.checkStaffCode}}</div> -->

							<div v-if="item.surveyStaffCode">试验切换人：{{'['+item.tutelageStaffCode+']'}}{{item.tutelageStaffName}}</div>
							<div v-if="item.testTime">试验日期：{{item.testTime}}</div>
							
							<div v-if="item.surveyCode">测量人：{{'['+item.surveyCode+']'}}{{item.surveyName}}</div>
							<div v-if="item.dtcDate">试量日期：{{item.dtcDate}}</div>
							
							<div v-if="item.verifyStaffCodeName">巡视人：{{item.verifyStaffCodeName}}</div>
							<div v-if="item.createDate">检查日期：{{item.createDate}}</div>
							
							<div v-if="item.deviceName">设备名称：{{item.deviceName}}</div>
							<div v-if="item.measureDate">测量时间：{{item.measureDate}}</div>
							
							<div v-if="item.actionTime">动作时间：{{item.actionTime}}</div>
							
							<div v-if="item.operateStaffName">操作人：{{'['+item.operateStaffCode+']'}}{{item.operateStaffName}}</div>
							<div v-if="item.tutelageStaffCode">监护人：{{'['+item.tutelageStaffCode+']'}}{{item.tutelageStaffName}}</div>
						
							<div v-if="item.activityContent">主题、内容：{{item.activityContent}}</div>
						
						</div>
						<div class="terminalwork-list-receivebtn" @click="goDetailPage(item)">详情</div>
					</div>
				</div>	
			</div>
			
		</div>
		<script src="searchList.js"></script>
	</body>
</html>
